<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>学习模块</title>
		<link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css" th:href="@{/layui/css/common.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/learncss/learn-index.css" th:href="@{/layui/css/learncss/learn-index.css}"/>
		<link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
	</head>
	<body>
	<!-- 公共头部 -->
	<div th:replace="FrontPages/common/head::head(n=4)" name="headFrame"></div>
		<div class="learn-container">
			<!-- 顶端导航 -->
			<div class="head-Navigation">
				<span>欢迎来到学习面板，这里有一些基础知识。</span>
			</div>
			<!-- 左侧目录 -->
			<div class="left-Navigation">
				<p>目录</p>
				<ul class="left-menu">
					<li class="" th:each="type:${type}"><a href="javascropt:;" th:value="${type.lid}" th:text="${type.label}">JAVA</a></li>
					<!--<li class=""><a class="active" href="javascropt:;" th:text="">JAVA</a></li>-->
					<!--<li class=""><a href="javascropt:;">HTML</a></li>-->
					<!--<li class=""><a href="javascropt:;">CSS</a></li>-->
					<!--<li class=""><a href="javascropt:;">JavaScript</a></li>-->
					<!--<li class=""><a href="javascropt:;">Jquery</a></li>-->
				</ul>
				<!-- <li class="ss"><a href="javascropt:;">Java</a></li> -->
			</div>
			<div class="learn-main">
				<div class="main-title">
					<span>JAVA</span>
				</div>
				<div class="main-list">
					<input th:id="count" type="hidden" th:value="${session.count}">
					<ul>
						<li th:each="learndata:${learnDataLists}" th:onclick="gotodetail(this);">
							<input th:id="lea-id" type="hidden" th:value="${learndata.ldid}" >
							<span th:id="lea-tip" th:text="${learndata.title}">
								Java简介
							</span>
							<div class="lea-con">
								<span th:text="${learndata.content}">
									<!-- Java是由Sun Microsystems公司于1995年5月推出的Java面向对象程序设计语言和Java平台的总称。由James Gosling和同事们共同研发，并在1995年正式推出。 -->
									46541534684
								</span>
							</div>
						</li>
						<!--<li>-->
							<!--<span th:id="lea-tip">-->
								<!--Java简介-->
							<!--</span>-->
							<!--<div class="lea-con">-->
								<!--<span>-->
								<!--</span>-->
							<!--</div>-->
						<!--</li>-->
					</ul>
				</div>
				<div style="clear: both"></div>
				<div id="learn-list"></div>
			</div>

		</div>
		<!--公共尾部-->
		<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

		<script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
		<script type="text/jscript" src="../../../static/layui/lay/js/learn.js" th:src="@{/layui/lay/js/learn.js}"></script>
		<!-- 背景特效 -->
		<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
	</body>
</html>
